<template>
  <h1 class="success">这是一个成功样式</h1>
  <h2 class="danger">这是一个告警样式2111121212</h2>
  <h2 class="danger">这是一个告警样式11去微软11</h2>
  <div style="background-color: aqua;">
  dfgh
  </div>
  <div>
    <h3>接电话的JFK的</h3>
  </div>
  <p>当前鼠标位置：X:{{ x }}、Y:{{ y }}</p>
  <div>
    <p>身的空间黑色裤子了肯定</p>
  </div>
</template>

<script setup>
import {useMouse} from '@vueuse/core'
const {x,y} = useMouse()
</script>

<style scoped lang="scss">
.success{
  color:$success;
}
.danger{
  color: $danger;
}
</style>
